// Import LessHat Mixins
@import "../assets/css/other-less/LessHat.less";

// Variables
@import "../assets/css/beyond-less/variables.less";

.fontawesome-icon-list {
  margin: 22px 0 0 0 !important;

  .fa-hover {
    color: @darkcarbon;
    display: block;
    height: 36px;
    line-height: 32px;
    padding-left: 10px;
    padding: 2px 0;

    .fa {
      display: inline-block;
      font-size: 14px;
      margin-right: 10px;
      text-align: right;
      width: 32px;
    }

    &:hover {
      background-color: @ivory;
      color: @black;
      text-decoration: none;

      .fa {
        font-size: 28px;
        vertical-align: -6px;
      }
    }
  }
}
